﻿<!DOCTYPE html>
<html>

    <head>
        <title> Logistica </title>

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!-- Bootstrap -->
        <link href="css/bootstrap.css" rel="stylesheet" media="screen">
        <link href="css/main.css" rel="stylesheet" media="screen">

        <!-- icons -->
        <link rel="stylesheet" href="css/whhg.css">

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]> <script src="js/html5shiv.js"></script> <script src="js/respond.min.js"></script> <![endif]-->

        <!--Google maps API linl-->
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCsbzuJDUEOoq-jS1HO-LUXW4qo0gW9FNs&sensor=false"></script>

        <!--Your map settings script-->
        <script type="text/javascript" src="js/map.js"></script>

        <!--jQuery-->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script type="text/javascript" src="js/pxgradient-1.0.2.jquery.js"></script>

        <!--slider-->    
        <script type="text/javascript" src="js/owl.carousel.js"></script>

        <script type="text/javascript" src="js/main.js"></script>    
    </head>

    <body>

        <div id="map_canvas" class="map"></div>

        <div class="row site">

            <div class="col-md-1 general_menu inner">

                <a href="#" class="avatar">
                    <img src="img/no_ava.png" />
                </a>

                <ul>
                    <li> 
                        <a href="#" class="gradientmenu active">
                            <i class="icon-automobile-car"></i>
                        </a>
                    </li>
<!--
                    <li> 
                        <a href="#" class="gradientmenu">
                            <i class="icon-metro-subway"></i>
                        </a>
                    </li>-->
                </ul>

            </div>

            <span class="close_span" id="open_span"><a href="#" class="close-profile-link clooses" id="link_open">+</a></span>
            <div class="col-md-12 profile profile_closed" id="profile">

                <div class="row">

                    <div class="col-md-12">

                        <div class="col-md-4">
                            <div class="col-md-6 user">
                                <img src="img/no_ava.png" />
                            </div>
                            <div class="col-md-4">
                                <h2>User user</h2>
                            </div>
                        </div>

                        <div class="col-md-4 col-md-offset-4 buttons">
                            <a href="#" class="btn btn-dark btn-sm">
                                <i class="icon-emailalt"></i><span>1</span>
                            </a>
                            <a href="#" class="btn btn-danger btn-sm">Sign out</a>
                        </div>

                    </div>
                </div>

                <div class="row">

                    <div class="col-md-12">
                        <h2>Info</h2>
                        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
                    </div>

                </div>

            </div>
            <!--/Profile-->

            <!--Content-->
            <div class="col-md-11 side-bar" id="cont">

                <!--header-->
                <div class="row">
                    <div class="col-md-12 header">
                        <div class="logo">
                            <!--                         <a href="start.html"> -->
                            <!--                             <img src="img/logo.png" /> -->
                            <!--                         </a> -->
                            Logo                        
                        </div>
                    </div>
                </div>

                <!--Search-->
                <div class="row search_inner_box">
                    <div class="col-md-12">
                        <input id="filter" type="text" class="form-control input-sm" placeholder="Text input" />
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div id="tabs">

<!--                            <div id="tab1" class="active tab">
                                <h5 class="cat">Activos</h5>
                                <ul class="catalog">
                                    <li><a href="#">Pedido 1</a></li>
                                    <li><a href="#">Pedido 2</a></li>
                                </ul>
                            </div>-->

                            <div id="tab1" class="active tab">
                                <h5 class="cat">Todos</h5>
                                <ul class="catalog">
                                    <!--<li>
                                            <a href="#" class="activepoint">
                                                    Pedido seleccionado
                                                    <p class="arrow"></p>
                                            </a>
                                    </li>-->
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>

            </div>

        </div>

        <div class="modal fade" id="my_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="cat  modal-title" id="myModalLabel">Titulo Pedido</h4>
                    </div>
                    <div class="modal-body">
                        descripción
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        <button type="button" class="btn btn-danger" >Tomar pedido</button>
                    </div>
                </div>
            </div>
        </div>


        <div class="modal fade" id="mensajero_form" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="cat  modal-title"></h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal" role="form">
                            <div class="form-group">
                                <label for="inputCedula" class="col-sm-2 control-label">Cedula</label>
                                <div class="col-sm-10">
                                    <input class="form-control" id="inputCedula" placeholder="100000000">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputNombre" class="col-sm-2 control-label">Nombre</label>
                                <div class="col-sm-10">
                                    <input class="form-control" id="inputNombre" placeholder="Beto">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputTelefono" class="col-sm-2 control-label">Telefono</label>
                                <div class="col-sm-10">
                                    <input class="form-control" id="inputTelefono" placeholder="7777777">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputActivo" class="col-sm-2 control-label">Activo</label>
                                <div class="col-sm-10">
                                    <input type="checkbox"  id="inputActivo">
                                </div>
                            </div>
                        </form>

                    </div>
                    <div class="modal-footer">
                        <button id="dismiss" type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                        <button id="save" type="button" class="btn btn-danger" >Guardar</button>
                    </div>
                </div>
            </div>
        </div>


        <!-- bootstrap jQuery plugins -->
        <script src="js/bootstrap.js"></script>
    </body>
</html>


